﻿@using KRM.Core
@model KRM.Core.tblBook
@{
    ViewBag.Title = "Create Request";
    Layout = "/Views/Shared/_HRLayout.cshtml";
}
<script src="@Url.Content("/hr/js/calendar.js")"></script>
<script src="@Url.Content("/hr/js/holidayrequest.js")"></script>
<script src="/hr/js/jquery.ui.touch.js"></script>

<!-- BEGIN PAGE HEADER-->
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PAGE TITLE & BREADCRUMB-->
        <h3 class="page-title">Calendar <small>calendar page</small>
        </h3>
        <ul class="page-breadcrumb breadcrumb">
            <li>
                <i class="icon-home"></i>
                <a href="/Home">Home</a>
                <i class="icon-angle-right"></i>
            </li>
            <li>
                <a href="#">Pesonal</a>
                <i class="icon-angle-right"></i>
            </li>
            <li><a href="#">Add Requests</a></li>
        </ul>
        <!-- END PAGE TITLE & BREADCRUMB-->

    </div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN PAGE CONTENT-->
@if (Request.Browser.IsMobileDevice)
{
    @Html.Partial("_CreateRequestMoblie");
}
else
{      
    <div class="row">
        <div class="col-md-12">
            <div class="portlet box blue calendar">
                <div class="portlet-title">
                    <div class="caption"><i class="icon-reorder"></i>Calendar</div>
                </div>

                <div class="portlet-body light-grey">
                    <div class="form-group" id="msg-checkconflict">
                    </div>
                    <div class="row">
                        <div class="col-md-3 col-sm-12">
                            <!-- BEGIN DRAGGABLE EVENTS PORTLET-->
                            <h3 class="event-form-title">Draggable Events</h3>
                            <div id="external-events">

                                @* <input id="event_title" class="form-control" type="text" placeholder="Event Title..." value="">
                                <br>
                                <a id="event_add" class="btn green" href="javascript:;">Add Event</a>*@
                                <hr />
                                <div id="event_box"></div>
                                <div class="form-group">
                                    <label class="control-label">Book Type</label>
                                    @Html.DropDownList("Types", null, new { @class = "form-control", @id = "bookTypes" })
                                </div>
                                <div id="reasonFrom" class="form-group">
                                    <label class="control-label">Reason</label>

                                    <textarea id="eventReason" style="resize: none" rows="4" name="reason" class="form-control" required="required" aria-valuetext=""></textarea>
                                    <div id="reasonrequire">
                                    </div>
                                </div>
                                <hr class="visible-xs" />
                                <div class="form-group">
                                    <button id="addRequestsubmit" class="btn green" type="Submit">Submit</button>
                                    <button class="btn blue" type="button" onclick=" getMsgCheckConflict() ">Check Conflict</button>
                                </div>
                            </div>
                            <!-- END DRAGGABLE EVENTS PORTLET-->
                        </div>
                        <div class="col-md-9 col-sm-9">
                            <div id="calendar" class="has-toolbar fullcalendar-custom"></div>
                        </div>
                    </div>

                    <!-- END CALENDAR PORTLET-->
                </div>

            </div>
        </div>
    </div>    
}

<!-- END PAGE CONTENT-->
<div>
    @Html.ActionLink("Back to List", "Requests")
</div>


